/*
 * Feuille de style du site PUBLIC maci-immobilier
 * Crée par Joël Gaujard <j.gaujard@gmail.com>
 *
 */

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: "Helvetica", Verdana, sans-serif;
	font-size: 12px;
	background: #7C7E7D url('../img/body-background.gif') repeat scroll top left;
}

/* Classes utiles */
.clear  { clear: both; }
.center { text-align: center; }
.justify { text-align: justify; }
.nowrap { white-space: nowrap; }


/*
 * Generic Styles
 */
p {
	line-height: 130%;
	margin-bottom: 10px;
}
ul {
	list-style-position: outside;
	list-style-image: url('../img/bullet_green.gif');
}
li {
	line-height: 150%;
	margin-left: 20px;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
  border: none;
}

h2 {
	color: #1B8239;
	font-size: 160%;
	text-transform: uppercase;
	border-left: #1B8239 7px solid;
	padding-left: 5px;
	margin: 10px 0;
}
h2 span {
	display: block;
	color: #6B6B6B;
	font-weight: normal;
	font-size: 90%;
	text-transform: lowercase;
	font-style: italic;
}
h3 {
	color: #1B8239;
	font-size: 140%;
	border-bottom: #1B8239 2px solid;
	padding-bottom: 1px;
	margin: 5px 0;
}
label {
	display: block;
}
input, select {
	border: 1px solid #333333;
	padding: 1px;
}
select option {
	padding-right: 10px;
}
input.submit {
	color: #FFF;
	border: 1px solid #46851A;
	background-color: #74B809;
	padding: 1px 9px;
}


/*
 * Layout
 */
#page {
	margin: 5px auto;
	width: 952px;
}

/* HEADER */
#header {
	height: 300px;
	border-top: 3px solid #9B9187;
	background: #DCD9D5 url('../img/header_image.jpg') no-repeat scroll bottom left;
}
#logo {
	margin-top: 2px;
	margin-left: 30px;
	float: left;
}
#slogan1, #slogan2 {
	float: right;
	margin-top: 17px;
	margin-right: 10px;
}

/* MIDDLE */
#middle {
	background-color: #FFFFFF;
}

/* BLOCK >> bloc sur la gauche */
#block {
	width: 246px;
	margin: -35px 0px 0px 8px;
	float: left;
}
#block-top {
	background: transparent url('../img/block_top.gif') no-repeat scroll top left;
	height: 9px;
}
#block-bottom {
	background: transparent url('../img/block_bottom.gif') no-repeat scroll top left;
	height: 10px;
}
#block-middle {
	width: 224px;
	height: 360px;
	border-color: #6C635C;
	border-style: solid;
	border-width: 0 1px;
	background-color: #DAD7D3;
	padding: 0 10px;
}
#block-middle h2 {
	color: #60514C;
	border: none;
	border-bottom: 2px solid #60514C;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
}
#block-middle p#block-link {
	color: #6b6b6b;
	text-align: right;
}
#block-middle p#block-link a {
	color: #1B8239;
}

/* MENU */
#menu {
	list-style: none;
	background-color: #FFF;
	height: 47px;
	white-space: nowrap;
}
#menu li {
	display: inline;
}
#menu a {
	display: block;
	float: left;
	width: 137px; /* 700px / 5 */
	height: 32px;
	text-align: center;
	background: #82C400 url('../img/tab_gradient.gif') repeat-x scroll 0 -47px;
	border-right: 2px solid #FFF;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 140%;
	padding-top: 15px;
}
#menu a.selected, #menu a:hover { /* Element du menu sélectionné et survolé */
	background-position: 0 0;
}
* html #menu a { /* IE6 hack */
	width: 136px;
	margin-left: -1px;
}


/* CONTENT */
#content {
	padding-bottom: 10px;
}
#leftColumn {
	margin-left: 20px;
	width: 380px;
	float: left;
	padding-top: 15px;
}
#rightColumn {
	margin-left: 673px;
	padding: 15px 25px 0;
	background-color: #E0DFDB;
	width: 226px;
	height: 290px;
}

#content a {
  color: #6B844B;
}


/* FOOTER */
#footer {
	clear: both;
	background-color: #E0DFDB;
	height: 35px;
	color: #616266;
	border-bottom: 3px solid #9B9187;
}
#footer p {
	float: left;
}
#footer a {
	color: #60514C;
}
#footer-left {
	background-color: #D1CEC9;
	width: 240px;
	height: 30px;
	padding: 3px 0 0 15px;
	line-height: 120%;
}
#footer-right {
	padding: 10px 0 0 50px;
	text-align: center;
}

/*
 * Style du formulaire de recherche
 */
form#search_form {
}
form#search_form p {
	margin: 7px 0;
}
#search_form label, #search_form span {
	display: block;
	font-size: 17px;
	font-weight: bold;
}
#search_form p.submit {
	text-align: right;
}


/*
 * Style pour l'affichage des annonces
 */
a.annonce_mini, a.annonce_mini:link, a.annonce_mini:visited,
a.annonce_mini:active, a.annonce_mini:focus {
	cursor: pointer;
	display: block;
	height: 95px;
	margin: 20px 0;
	color: #000;
	line-height: 250%;
	text-decoration: none;
}
a.annonce_mini img {
  border: 2px solid #1B8239;
  float: left;
  margin-right: 15px;
}
a.annonce_mini:hover img {
  border-color: #72A73F;
}

